<template>
  <!-- 专题精炼 -->
  <div class="theme-practice" style="background: #ebedf0;padding-top: 54px;">
    <div>
      <div v-for="(item, index) in specialList" :key="item.id" style="margin-bottom: 10px;background: #fff;">
        <img width="100%" height="200" :src="item.scene_pic_url" style="object-fit: cover;" />
        <div class="theme-cradinfo">
          <div class="info-subtitle" style="font-size: 16px;color: #333;">
            {{ item.title }}
          </div>
          <div class="info-title" style="white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 13px;color: #999;margin-top: 10;">
            {{ item.subtitle }}
          </div>
          <div class="info-price" style="    font-size: 12px;color: #8b0000;margin-top: 10px;display: block;">
            ￥{{ item.price_info }}元
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { GetSpecial } from "@/api";
export default {
  async mounted() {
    const {
      data: {
        data
      },
    } = await GetSpecial();
    this.specialList = data.data
    console.log(this.specialList);
  },
  data() {
    return ({
      specialList: []
    })
  }


}
</script>

<style></style>